<div class="row">
  <div class="col-md-12">
    <div class="box box-default">
      <div class="box-body" style="padding-top:0px">
        <div class="row" style="margin-top: 20px;">
          <!-- 旧首页起始点 -->
          <div class="col-md-6" style="padding-right:5px;">

            <div class="box box-solid no-padding" style="height:366px">
              <!--            <div class="box-header with-border">
                <div style="color:rgb(0,80,150);"><i class="fa fa-clock-o fa-lg"></i>
                  <h3 class="box-title">任务提醒</h3></div>
                
              </div> -->
              <!-- /.box-header -->
              <div class="box-body" style="padding:0;margin-top:-15px;">
                <div id="calendar"></div>
                <!-- <ul class="timeline">
                  <li>
                    <i class="fa fa-envelope bg-blue"></i>
                    <div class="timeline-item">
                      <h5>下午召开需求确认会</h5>
                      <span class="time">
                        <i class="fa fa-clock-o"></i> 14:05</span>
                    </div>
                  </li>
                  <li>
                    <i class="fa fa-envelope bg-blue"></i>
                    <div class="timeline-item">
                      <h5>下午召开需求确认会</h5>
                      <span class="time">
                        <i class="fa fa-clock-o"></i> 16:35</span>
                    </div>
                  </li>
                  <li>
                    <i class="fa fa-envelope bg-blue"></i>
                    <div class="timeline-item">
                      <h5>下午召开需求确认会</h5>
                      <span class="time">
                        <i class="fa fa-clock-o"></i> 19:20</span>
                    </div>
                  </li>
                  <li>
                      <i class="fa fa-envelope bg-blue"></i>
                      <div class="timeline-item">
                        <h5>下午召开需求确认会</h5>
                        <span class="time">
                          <i class="fa fa-clock-o"></i> 12:05</span>
                      </div>
                    </li>
                </ul> -->

              </div>
              <!-- /.box-body -->
            </div>
            <!-- /.box -->
          </div>
          <!-- ./col -->
          <!-- 右侧产品概况 -->
          <div class="col-md-6" style="padding-left:5px;margin-top:-10px;">
            <div class="nav-tabs-custom" style="height: 360px !important;" *ngIf="hasPublic||hasOTM||hasOTO">
              <ul class="nav nav-tabs">
                <!-- <li class="active" *ngIf="A"> -->
                  <!-- enz -->
                  <!-- <li class="active"  [ngClass]="{'active': }"  ><a href="#tab_1" (click)="initCharts(1)" data-toggle="tab" class="home-tab">公募</a>
                  </li> -->
                  
                  <!-- <li>
                    <a href="#tab_2" (click)="initCharts(1)" data-toggle="tab" class="home-tab">公募</a>
                  </li> -->
                  <!-- enz -->
                <li [ngClass]="{'active':hasPublic===1}" *ngIf="hasPublic">
                  <a href="#tab_1" (click)="initCharts(1)" data-toggle="tab" class="home-tab">公募</a>
                </li>
                <li [ngClass]="{'active':hasPublic!==1&&hasOTM===2}" *ngIf="hasOTM">
                  <a href="#tab_2" (click)="initCharts(2)" data-toggle="tab" class="home-tab">一对多</a>
                </li>
                <li [ngClass]="{'active':hasPublic!==1&&hasOTM!==2&&hasOTO===3}" *ngIf="hasOTO">
                  <a href="#tab_3" (click)="initCharts(3)" data-toggle="tab" class="home-tab">一对一</a>
                </li>
              </ul>
              <div class="tab-content">
                <div class="tab-pane "[ngClass]="{'active':hasPublic===1}" id="tab_1" *ngIf="hasPublic">
                  <div id="publicCharts" style="height:290px"></div>
                </div>
                <div class="tab-pane " [ngClass]="{'active':hasPublic!==1&&hasOTM===2}" id="tab_2" *ngIf="hasOTM">
                  <div id="otmCharts" style="height:290px;"></div>
                </div>
                <div class="tab-pane " [ngClass]="{'active':hasPublic!==1&&hasOTM!==2&&hasOTO===3}" id="tab_3"  *ngIf="hasOTO">
                  <div id="otoCharts" style="height:290px;"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-12">
            <div class="line-chart-title">
              <h4 class="text-center">产品数量总计</h4>
            </div>
            <div id="bottomCharts" style="height:300px"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<!-- 日历点击弹窗框 -->
<div class="modal" id="calender-modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span></button> -->
        <h4 class="modal-title">日程详情</h4>
      </div>
      <div class="modal-body">
        <p>有3个专户产品即将到期</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-flat center-block" data-dismiss="modal">关闭</button>
        <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->